<%-- 
    Document   : modificarInvestigacion
    Created on : 29/01/2011, 08:46:19 PM
    Author     : glpc
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<% request.setAttribute("allowed", "Gestionar Investigaciones");%>
<%@ include file='../Templates/security.jsp' %>

<% String idInvestigacion = (String) request.getParameter("idInvestigacion");%>

<h1 class="title">Investigaciones</h1>
<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h1>Modificar Investigación</h1>
        <html:form action="/modificarInvestigacion" styleId="modificarInvestigacionForm" onsubmit="return modificarInvestigacion();">
            <html:hidden property="id_investigacion" styleId="idInvestigacion"></html:hidden>
            <table>
                <tr>
                    <td colspan="2">
                        <html:errors property = "inv_fallido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Novedad Generica:</td>
                    <td>
                        <select id="novedadGenerica" name="" onchange="listarNovedadesEspecificas(value)">
                        </select>
                    </td>
                </tr>
                <tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Novedad Específica:</td>
                    <td>
                        <select id="novedadEspecifica" name="id_novedad_esp">
                            <option value="">-</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Fecha de Investigación:</td>
                    <td><html:text property="fecha_investigacion" styleId ="fechaI" />
                        <html:errors property = "inv_fecha_requerida"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Motivo:</td>
                    <td><html:textarea property="motivo" styleId="motivo"/>
                        <html:errors property = "inv_motivo_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Descripción:</td>
                    <td><html:textarea property="descripcion" styleId="descripcion"/>
                        <html:errors property = "inv_descripcion_requerida"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Sede:</td>
                    <td>
                        <select id="Sedes" name="sede" onchange="listEspacios(value)">
                            <option value="" selected></option>
                        </select>
                        <html:errors property = "inv_sede_requerida"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Espacio:</td>
                    <td>
                        <select id="Espacios" name="espacio">
                            <option value="" selected></option>
                        </select>
                        <html:errors property = "inv_espacio_requerido"/>
                    </td>
                </tr>
            </table>
            <br>
            <font color="red"><p>Los campos que tienen * son obligatorios.</p></font>
            <br>
            <html:submit value="Modificar"/>
            <html:button property="" styleId="backInvestigacion" value="Atrás"/>
        </html:form>

    </center>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript">
    $('#backInvestigacion').click(investigacionC);

    $(function() {
        consultarInvestigacion(<% out.print(idInvestigacion);%>);
        $('#fecha_investigacion').datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
    });

    function consultarInvestigacion(idInvestigacion){
        $.ajax({
            type: 'POST',
            url:"consultarInvestigacion.do",
            data: {idInvestigacion: idInvestigacion},
            dataType: 'json',
            success: proceessConsultarInvestigacion
        });
    }

    function proceessConsultarInvestigacion(data) {
        if(data.investigaciones && (item = data.investigaciones[0])){
            listarNovedadesGenericas(item.idNovedadGenerica);
            listaSedes(item.sede);
            listarNovedadesEspecificas(item.idNovedadGenerica, item.idNovedadEspecifica);
            listEspacios(item.sede,item.espacio);
            $('#fechaI').val(item.fecha);
            $('#idInvestigacion').val(item.id);
            $("#motivo").val(item.motivo);
            $("#descripcion").val(item.descripcion);
        }  else {
            alert("Ha ocurrido un error. La investigacion no puede ser modificada.");
            //$('#backInvestigacion').click();
        }
    }
</script>